<!-- templates/teacher_information.html -->
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>推免招生 - 北京林业大学研究生招生网</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <script src="../static/plugins/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Font Awesome 样式 -->
    <link rel="stylesheet" href="../static/css/复试登记.css">
    <style>
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* 使页面至少占满屏幕高度 */
            background-color: #e0f7e0; /* 浅绿色背景色 */
        }
        .nav-link {
            color: black !important; /* 强制所有导航链接使用黑色 */
        }
        .nav-link.active {
            font-weight:bold;
            color: green !important; /* 选中时为绿色 */

        }
        /* 添加悬停效果 */
        .nav-link:hover {
            border-bottom: 2px solid green; /* 鼠标悬停时下方横线 */
            transition: border-bottom 0.3s ease-in-out; /* 垂直过渡效果 */
        }
        .form-control {
            height: 38px; /* 调整搜索框高度 */
            width: 100px; /* 设置搜索框宽度为原来的二分之一 */
        }
        .btn {
            height: 38px; /* 调整搜索按钮高度 */
        }
        .logo-text {
            font-weight: normal; /* 不加粗文本 */
            font-size: 30px; /* 设置为三倍字体大小 */
            color: green; /* 设置为绿色 */
            margin-left: 10px; /* 在logo与文字之间添加间距 */
        }
        .custom-font {
            font-size: 14px; /* 设置搜索和登录注册链接的字体大小 */
            color: #000; /* 标签颜色 */
            margin-left: 20px; /* 增加左边距 */
        }
        .navbar-container {
            display: flex;
            justify-content: space-between; /* 左右两侧之间分散对齐 */
            align-items: center; /* 垂直居中对齐 */
        }
        .nav-items {
            display: flex;
            align-items: center; /* 垂直居中对齐 */
        }
        footer {
            background-color: #f8f9fa; /* 页脚背景色 */
            padding: 20px; /* 页脚内边距 */
            text-align: center; /* 文本居中 */
            margin-top: auto; /* 将页脚推到底部 */
        }
        .card-container {
            display: flex; /* 设置为 Flexbox */
            flex-wrap: wrap; /* 允许换行 */
            justify-content: space-between; /* 水平均匀分布 */
        }

        .card {
            flex: 0 1 calc(50% - 20px); /* 每个卡片占据 50% 的宽度减去间隙 */
            margin-bottom: 20px; /* 卡片底部间距 */
            background-color: #82f3ce; /* 另一种绿色背景色 */
        }

        h1 {
            text-align: center; /* 标题居中 */
            margin-bottom: 30px; /* 底部间距 */
        }
        .sidebar {
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            padding: 20px;
            font-family: 'Arial', sans-serif;
        }

        .sidebar-title {
            color: #0b5f21;
            font-size: 24px;
            border-bottom: 2px solid #2a5a21;
            padding-bottom: 10px;
        }

        .section-title {
            font-size: 20px;
            color: #333;
            margin-top: 20px;
        }

        .list {
            list-style: disc;
            margin-left: 20px;
        }

        .process-list {
            margin-left: 20px;
        }

        .important-dates {
            list-style: none;
            margin-left: 20px;
        }

    </style>
</head>
<body>

<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid navbar-container">
        <img src="../static/img/bjfu.png" alt="" style="height: 40px;">
        <span class="logo-text">研究生招生网</span> <!-- 不加粗 -->
        <div class="nav-items">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link"  href="{% url 'index' %}">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'teacher_information' %}" >导师信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'subject_information' %}">学科信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="{% url 'recommended_admission' %}">推免招生</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'master_admission' %}">硕士招生</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'enrollment_catalogue' %}">招生目录</a>
                </li>
            </ul>

            <!-- 搜索框和图标 -->
            <div class="d-flex me-3 align-items-center">
                <i class="fas fa-search" style="margin-right: 5px; color: green;"></i> <!-- 搜索图标 -->
                <form class="d-flex">
                    <input class="form-control me-2" type="search" placeholder="搜索" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">搜索</button>
                </form>
            </div>
        </div>
    </div>
</nav>


<!-- 内容 -->
    <div class="container">
        <h1>推免招生</h1>
        <div class="sidebar">
            <h2 class="sidebar-title">研究生推免招生信息</h2>
        
            <h3 class="section-title">一、推免生申请对象</h3>
            <ul class="list">
                <li>国内高校本科在校生</li>
                <li>学习成绩优异、综合素质较高的学生</li>
            </ul>
            
            <h3 class="section-title">二、申请条件</h3>
            <ul class="list">
                <li>学业成绩优秀，排名在前</li>
                <li>具备较强的科研能力和实践经验</li>
                <li>符合我校各专业的具体要求</li>
            </ul>
            
            <h3 class="section-title">三、推免生申请流程</h3>
            <ol class="process-list">
                <li><strong>网上报名：</strong> 登录研究生招生信息网，填写申请表。</li>
                <li><strong>材料提交：</strong> 按要求准备并提交相关材料，如成绩单、推荐信等。</li>
                <li><strong>面试评审：</strong> 通过审核的申请者需参加面试，评估其综合素质。</li>
                <li><strong>录取通知：</strong> 面试合格后，将在规定时间内发放录取通知。</li>
            </ol>
            
            <h3 class="section-title">四、重要时间节点</h3>
            <ul class="important-dates">
                <li><strong>申请时间：</strong> XX月XX日至XX月XX日</li>
                <li><strong>面试时间：</strong> XX月XX日</li>
                <li><strong>录取结果公布：</strong> XX月XX日</li>
            </ul>
        
            <h3 class="section-title">五、联系方式</h3>
            <p>如有疑问，欢迎联系招生办公室：</p>
            <p><strong>电话：</strong> XXXX-XXXXXXX</p>
            <p><strong>邮箱：</strong> admission@university.edu.cn</p>
            
            <p>我们期待您的加入，共同探索研究生学习的新旅程！</p>
        </div>
        
    </div>

<!-- 页脚 -->
<footer>
    <p>&copy; 2023 北京林业大学研究生招生网. 保留所有权利。</p>
    <p>联系方式: <a href="mailto:contact@bjfu.edu.cn">contact@bjfu.edu.cn</a></p>
    <p>关注我们: 
        <a href="#" class="me-2"><i class="fab fa-weibo"></i></a>
        <a href="#"><i class="fab fa-wechat"></i></a>
    </p>
</footer>
</body>
</html>
